.scroll-show-component {   
    .short-content {
        width: 9.5rem;
        .image-container {
            height: 14rem;
            width: 100%;
            position: relative;
            overflow: hidden;
            img {
                width: 100%;
                height: 100%;
                border-radius: .5rem;
            }
            .discount {
                font-size: .8rem;
                position: absolute;
                top: 0;
                left: 0;               
                background-size: 56px 32px;
                background-position: -2px -2px;
                background-repeat: no-repeat;
                width: 50px;
                height: 27px;
                color: #fff;
                line-height: 2.7rem;
                border-radius: 4px;
                padding-left: .5rem;
                .number {
                    font-size: 1.4rem;
                }
            }
        }
        .show-name{
            padding-top: 1rem;
            color: #131313;
            line-height: 1.4rem;
            height: 2.70rem;
            font-size: 1.2rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
        .show-time {
            color: #aaa;
            line-height: 2rem;
            font-size: 1.2rem;
        }
    }  
}